<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Defining a Graph Matrix widget</title>
<link rel="stylesheet" href="default_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='default.css'>");}
//-->
</script>
<style type="text/css">
<!--
h1.whs1 { font-size:11pt; }
p.whs2 { font-size:9pt; }
img_whs3 { border:none; width:922px; height:468px; border-style:none; }
p.whs4 { font-weight:bold; font-size:10pt; margin-top:6px; margin-bottom:6px; }
ol.whs5 { list-style:decimal; }
p.whs6 { font-size:9pt; margin-top:6px; margin-bottom:6px; }
p.whs7 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:bold; }
ul.whs8 { list-style:disc; }
ul.whs9 { list-style:decimal; }
p.whs10 { margin-top:6px; margin-bottom:6px; margin-left:12px; }
p.whs11 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:normal; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating a Graph Matrix widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1 class="whs1">Creating a Graph Matrix widget</h1>
<p class="whs2"><span style="font-size: 9pt;"><font size=1 style="font-size:9pt;">The Graph Matrix 
 widget consists of several area graphs that display actual values. Each 
 area graph also has a line graph above it to show forecasted values. One 
 graph is displayed for every combination of elements from the attributes 
 in the Grid/Graph’s rows and columns. For example, in the widget below, 
 the Category attribute is in the Grid/Graph’s rows and the Region attribute 
 is in the Grid/Graph’s columns. Twelve graphs are displayed because data 
 exists for four regions and three categories of products.</font></span></p>
<p class="whs2">&nbsp;</p>
<p class="whs2"><img src="images/defining_graph_matrix_widget.gif" width="922px" height="468px" border="0" class="img_whs3"></p>
<p class="whs2">&nbsp;</p>
<p class="whs2">There is a separate area graph for each combination 
 of region and product category. For example, there is an area graph that 
 focuses solely on electronics product figures in the Northeast region. 
 Values in that graph are plotted across quarter (on the X-axis) and revenue 
 (on the Y-axis). The line graph at the top of the area graph represents 
 revenue forecast metric values, or the amount of revenue the company predicted 
 it would generate.</p>
<p class="whs2">&nbsp;</p>
<p class="whs4"><span 
 style="font-weight: bold; font-size: 10pt;"><font size=2 style="font-size:10pt;"><B>To create and add a Graph 
 Matrix widget to a document</B></font></span></p>
<ol type="1" class="whs5">
	
<li style=" font-size: 9pt; " class=p><p class="whs6">Open 
 the document in <span style="font-weight: bold;"><B>Design</B></span> or <span 
 style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs6">From 
 the <span style="font-weight: bold;"><B>Insert</B></span> menu, point to <span 
 style="font-weight: bold;"><B>Widgets</B></span>, and then select <span style="font-weight: bold;"><B>Graph 
 Matrix</B></span>.</p></li>
</ol>
<ol start="3" type="1" class="whs5">
	
<li style=" font-size: 9pt; " class=p><p class="whs6">Click 
 the location on your document in which to place the widget. You cannot 
 place the widget in the Detail section of a document. The Grid/Graph, 
 which appears similar to a standard grid container, is displayed. A small 
 icon at the bottom right corner of the Grid/Graph identifies the type 
 of widget you have added to the document.</p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs6">If 
 required, resize the widget by clicking and dragging its handles.</p></li>
</ol>
<p class="whs7">&nbsp;</p>
<p class="whs7">Add 
 objects to the Grid/Graph that contains the widget</p>
<ol start="5" type="1" class="whs5">
	
<li style=" font-size: 9pt; " class=p><p class="whs6">From 
 the Dataset Objects panel on the left, select attributes and metrics, 
 and drag them on top of the widget, as described below.</p></li>
	<ul type="disc" class="whs8">
		
<li style="font-size: 9pt;" class=p><p class="whs6">Place<span 
 style="font-weight: bold;"> <B></B></span><span>at least </span><span style="font-weight: bold;"><B>two 
 attributes</B></span> on the Grid/Graph's rows. </p></li>
	</ul>
</ol>
<ul type="1" class="whs9">
	<ul type="disc" class="whs8">
		<ul type="disc" class="whs8">
			
<li style="font-size: 9pt;" class=p><p class="whs6"><span 
 style="font-size: 9pt;"><font size=1 style="font-size:9pt;">The first (left-most) attribute on the rows, and 
 the second, third, fourth, and so on, provide the row headers in the widget. 
 </font></span></p></li>
			
<li style="font-size: 9pt;" class=p><p class="whs6">The 
 last (right-most) attribute on the rows provides the X-axes of the graphs. 
 This attribute, which is generally time-based, is used to drive the time 
 series of the graphs.</p></li>
		</ul>
		
<li style="font-size: 9pt; list-style: disc;" type=disc class=p><p class="whs6">Place at 
 least <span style="font-weight: bold;"><B>one metric</B></span> on the Grid/Graph's 
 columns. The values of these two metrics produce the bubbles in the widget, 
 as described below:</p></li>
		<ul type="disc" class="whs8">
			
<li style="font-size: 9pt;" class=p><p class="whs6"><span 
 style="font-size: 9pt;"><font size=1 style="font-size:9pt;">The first (left-most) attribute on the columns 
 provides the column headers in the widget. These values are used to slice 
 the data, or group it by the attributes on the columns.</font></span></p></li>
			
<li style="font-size: 9pt;" class=p><p class="whs6">Additional 
 attributes on the columns produce separate line graphs within each area 
 graph in the widget.</p></li>
			<ul type="disc" class="whs8">
				
<li style="font-size: 9pt;" class=p><p class="whs6">If 
 you do not place any attributes on the columns, you must place at least 
 three attributes on the rows.</p></li>
			</ul>
		</ul>
		
<li style="font-size: 9pt;" class=p><p class="whs6">Place 
 at least <span style="font-weight: bold;"><B>one metric</B></span> to the right 
 of (or below) the attribute on the Grid/Graph's columns.</p></li>
		<ul type="disc" class="whs8">
			
<li style="font-size: 9pt;" class=p><p class="whs6">The 
 first metric is depicted as the colored series in the area graphs.</p></li>
			
<li style="font-size: 9pt;" class=p><p class="whs6">Any 
 additional metrics are depicted as the forecast lines in each area graph.</p></li>
		</ul>
	</ul>
</ul>
<p class="whs7">&nbsp;</p>
<p class="whs7">Enable 
 the widget to be displayed in Flash Mode</p>
<ol start="6" type="1" class="whs5">
	
<li style="margin-left: -20px;" class=p><p class="whs10">From 
 the <span style="font-weight: bold;"><B>Tools</B></span> menu, select <span style="font-weight: bold;"><B>Document 
 Properties</B></span>. The Properties dialog box opens. Select the <span style="font-weight: bold;"><B>Flash</B></span> 
 check box under Run Modes. For more information about Flash mode, see 
 
<a href="Flash_Mode.htm">Viewing documents in Flash Mode</a>.</p></li>
	
<li style="margin-left: -20px;  font-size: 9pt; " class=p><p class="whs10"><span 
 style="font-size: 9pt; margin-top: 6px; margin-bottom: 6px; font-weight: normal;"><font size=1 style="font-size:9pt;">Click 
 </font></span><span style="font-size: 9pt; margin-top: 6px; margin-bottom: 6px; font-weight: bold;"><font size=1 style="font-size:9pt;"><B>OK</B></font></span><span 
 style="font-size: 9pt; margin-top: 6px; margin-bottom: 6px; font-weight: normal;"><font size=1 style="font-size:9pt;"> 
 to apply the changes and return to the document.</font></span></p></li>
</ol>
<p class="whs7">&nbsp;</p>
<p class="whs7">Related 
 topics</p>
<ul type="disc" class="whs8">
	
<li class=p><p class="whs11">
<a 
 href="Formatting_a_Graph_Matrix_widget.htm">Formatting a Graph Matrix 
 widget</a></p></li>
	
<li class=p><p class="whs11">
<a 
 href="Analyzing_data_in_a_Graph_Matrix_widget.htm">Analyzing data in a 
 Graph Matrix widget</a></p></li>
	
<li class=p><p class="whs11">
<a 
 href="Using_a_Graph_Matrix_widget_as_a_selector.htm">About using a Graph 
 Matrix widget as a selector</a></p></li>
	
<li class=p><p class="whs11">
<a 
 href="Flash_Mode.htm">Working with documents in Flash Mode</a></p></li>
</ul>
<p class="whs2">&nbsp;</p>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
